/* stylelint-disable at-rule-no-unknown */
@import 'nprogress/nprogress.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: var(--color-bg-1);
}

/**
主题色
*/
* {
  box-sizing: border-box;
  line-height: normal;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  appearance: none;
}

input[type='number'] {
  appearance: textfield;
}

.ellipsis {
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-line;
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden; //超出的文本隐藏
}

@font-face {
  font-family: Cairo;
  src: url('./Tajawal-Medium.ttf');
}

.Cairo {
  font-family: Cairo;
}

.rtl {
  direction: rtl;
  font-family: Cairo !important;
}

.rtl * {
  direction: rtl;
  font-family: Cairo !important;
}

.ltr {
  direction: ltr;
}

.ltr * {
  direction: ltr;
}
@font-face {
  font-family: Roboto Condensed;
  src: url('./RobotoCondensed-Regular.ttf');
}

@font-face {
  font-family: Tajawal;
  src: url('./Tajawal-Medium.ttf');
}

@font-face {
  font-family: Avenir;
  src: url('./Avenir-Roman.ttf');
}

.Roboto {
  font-family: Roboto Condensed;
}

.Tajawal {
  font-family: Tajawal;
}

.Avenir {
  font-family: Avenir;
}

//Transition
.fade-enter {
  opacity: 0;
}

.fade-enter-active {
  opacity: 1;
  transition: opacity 300ms;
}

.fade-exit {
  opacity: 1;
}

.fade-exit-active {
  opacity: 0;
  transition: opacity 300ms;
}

/* Loading Mask */
#loading {
  position: fixed;
  inset: 0;
  z-index: 2001;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 15%);
}

.ant-spin-dot-item {
  background-color: #44c5e4 !important;
}
